/* 封装的公告css */
/* 字体大小 */
.ff-font-12 {
	font-size: 24rpx;
}

.ff-font-13 {
	font-size: 26rpx;
}

.ff-font-14 {
	font-size: 28rpx;
}

.ff-font-15 {
	font-size: 30rpx;
}

.ff-font-16 {
	font-size: 32rpx;
}

.ff-font-17 {
	font-size: 34rpx;
}

.ff-font-18 {
	font-size: 36rpx;
}

.ff-font-19 {
	font-size: 38rpx;
}

.ff-font-20 {
	font-size: 40rpx;
}

.ff-font-21 {
	font-size: 42rpx;
}

.ff-font-22 {
	font-size: 44rpx;
}

.ff-font-23 {
	font-size: 46rpx;
}

.ff-font-24 {
	font-size: 48rpx;
}

.ff-font-25 {
	font-size: 50rpx;
}

.ff-font-26 {
	font-size: 52rpx;
}

.ff-font-27 {
	font-size: 54rpx;
}

.ff-font-28 {
	font-size: 56rpx;
}

.ff-font-29 {
	font-size: 58rpx;
}

.ff-font-30 {
	font-size: 60rpx;
}

/* 盒子模型 */
.ff-flex-between {
	display: flex;
	justify-content: space-between;
	/* space-between俩边无间距, space-around俩边有间距 */
}

.ff-flex-around {
	display: flex;
	justify-content: space-around;
	/* space-between俩边无间距, space-around俩边有间距 */
}

.ff-flex-center {
	justify-content: center;
}

.ff-letter-spacing-1 {
	letter-spacing: 2rpx;
}

.ff-letter-spacing-2 {
	letter-spacing: 4rpx;
}

.ff-letter-spacing-3 {
	letter-spacing: 6rpx;
}

.ff-justify-end {
	justify-content: flex-end;
}

.ff-flex {
	display: flex;
}

.ff-flex-1 {
	flex: 1;
}

.ff-flex-wrap {
	display: flex;
	flex-wrap: wrap;
}

.ff-align-items {
	display: flex;
	align-items: center;
	justify-content: center;
}

.ff-align-items-one {
	display: flex;
	align-items: center;
}

.ff-align-items-1 {
	align-items: center;
}

.ff-translate {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.ff-width-110 {
	width: 220rpx;
}

.ff-width-200 {
	width: 400rpx;
}

.ff-width-210 {
	width: 420rpx;
}

.ff-width-220 {
	width: 440rpx;
}

.ff-width-230 {
	width: 460rpx;
}

.ff-width-235 {
	width: 470rpx;
}

.ff-width-250 {
	width: 500rpx;
}

.ff-width-315 {
	width: 630rpx;
}

.ff-width-400 {
	width: 800rpx;
}

.ff-line-height-1 {
	line-height: 1;
}

.ff-line-height-1-1 {
	line-height: 1.1;
}

.ff-line-height-1-2 {
	line-height: 1.2;
}

.ff-line-height-1-3 {
	line-height: 1.3;
}

.ff-line-height-1-4 {
	line-height: 1.4;
}

.ff-line-height-1-5 {
	line-height: 1.5;
}


/* 溢出隐藏 */
.ff-ellipsis-1 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ff-ellipsis-2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.ff-ellipsis-3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

/* paading */

.ff-padding-3 {
	padding: 6rpx;
}

.ff-padding-4 {
	padding: 8rpx;
}

.ff-padding-5 {
	padding: 10rpx;
}

.ff-padding-6 {
	padding: 12rpx;
}

.ff-padding-7 {
	padding: 14rpx;
}

.ff-padding-8 {
	padding: 16rpx;
}

.ff-padding-10 {
	padding: 20rpx;
}

.ff-padding-11 {
	padding: 22rpx;
}

.ff-padding-12 {
	padding: 24rpx;
}

.ff-padding-13 {
	padding: 26rpx;
}

.ff-padding-14 {
	padding: 28rpx;
}

.ff-padding-15 {
	padding: 30rpx;
}

.ff-padding-20 {
	padding: 40rpx;
}

.ff-padding-22 {
	padding: 44rpx;
}

.ff-padding-tb-15 {
	padding: 30rpx 0;
}

.ff-padding-tblr {
	padding: 30rpx 20rpx;
}

.ff-padding-lr-10 {
	padding: 0 20rpx;
}

.ff-padding-25 {
	padding: 50rpx;
}

.ff-padding-30 {
	padding: 60rpx;
}

.ff-padding-35 {
	padding: 70rpx;
}

.ff-padding-top-2 {
	padding-top: 4rpx;
}

.ff-padding-top-3 {
	padding-top: 6rpx;
}

.ff-padding-top-4 {
	padding-top: 8rpx;
}

.ff-padding-top-5 {
	padding-top: 10rpx;
}

.ff-padding-top-10 {
	padding-top: 20rpx;
}

.ff-padding-top-11 {
	padding-top: 22rpx;
}

.ff-padding-top-12 {
	padding-top: 24rpx;
}

.ff-padding-top-13 {
	padding-top: 26rpx;
}

.ff-padding-top-15 {
	padding-top: 30rpx;
}

.ff-padding-top-16 {
	padding-top: 32rpx;
}

.ff-padding-top-17 {
	padding-top: 34rpx;
}

.ff-padding-top-18 {
	padding-top: 36rpx;
}

.ff-padding-top-20 {
	padding-top: 40rpx;
}

.ff-padding-top-25 {
	padding-top: 50rpx;
}

.ff-padding-top-30 {
	padding-top: 60rpx;
}

.ff-padding-top-35 {
	padding-top: 70rpx;
}

.ff-padding-top-40 {
	padding-top: 80rpx;
}

.ff-padding-top-50 {
	padding-top: 100rpx;
}

.ff-padding-top-60 {
	padding-top: 120rpx;
}

.ff-padding-top-70 {
	padding-top: 140rpx;
}

.ff-padding-top-80 {
	padding-top: 160rpx;
}

.ff-padding-top-90 {
	padding-top: 180rpx;
}

.ff-padding-top-100 {
	padding-top: 200rpx;
}

.ff-padding-left-4 {
	padding-left: 8rpx;
}

.ff-padding-left-5 {
	padding-left: 10rpx;
}

.ff-padding-left-6 {
	padding-left: 12rpx;
}

.ff-padding-left-7 {
	padding-left: 14rpx;
}

.ff-padding-left-8 {
	padding-left: 16rpx;
}

.ff-padding-left-9 {
	padding-left: 18rpx;
}

.ff-padding-left-10 {
	padding-left: 20rpx;
}

.ff-padding-left-11 {
	padding-left: 22rpx;
}

.ff-padding-left-12 {
	padding-left: 24rpx;
}

.ff-padding-left-15 {
	padding-left: 30rpx;
}

.ff-padding-left-17 {
	padding-left: 34rpx;
}

.ff-padding-left-20 {
	padding-left: 40rpx;
}

.ff-padding-left-25 {
	padding-left: 50rpx;
}

.ff-padding-left-30 {
	padding-left: 60rpx;
}

.ff-padding-bottom-0 {
	padding-bottom: 0;
}

.ff-padding-bottom-1 {
	padding-bottom: 2rpx;
}

.ff-padding-bottom-2 {
	padding-bottom: 4rpx;
}

.ff-padding-bottom-3 {
	padding-bottom: 6rpx;
}

.ff-padding-bottom-4 {
	padding-bottom: 8rpx;
}

.ff-padding-bottom-5 {
	padding-bottom: 10rpx;
}

.ff-padding-bottom-6 {
	padding-bottom: 12rpx;
}

.ff-padding-bottom-7 {
	padding-bottom: 14rpx;
}

.ff-padding-bottom-8 {
	padding-bottom: 16rpx;
}

.ff-padding-bottom-9 {
	padding-bottom: 18rpx;
}

.ff-padding-bottom-10 {
	padding-bottom: 20rpx;
}

.ff-padding-bottom-11 {
	padding-bottom: 22rpx;
}

.ff-padding-bottom-12 {
	padding-bottom: 24rpx;
}

.ff-padding-bottom-13 {
	padding-bottom: 30rpx;
}

.ff-padding-bottom-14 {
	padding-bottom: 28rpx;
}

.ff-padding-bottom-15 {
	padding-bottom: 30rpx;
}

.ff-padding-bottom-16 {
	padding-bottom: 32rpx;
}

.ff-padding-bottom-17 {
	padding-bottom: 34rpx;
}

.ff-padding-bottom-18 {
	padding-bottom: 36rpx;
}

.ff-padding-bottom-20 {
	padding-bottom: 40rpx;
}

.ff-padding-bottom-25 {
	padding-bottom: 50rpx;
}

.ff-padding-bottom-30 {
	padding-bottom: 60rpx;
}

.ff-padding-bottom-40 {
	padding-bottom: 80rpx;
}

.ff-padding-bottom-50 {
	padding-bottom: 100rpx;
}

.ff-padding-bottom-60 {
	padding-bottom: 120rpx;
}

.ff-padding-bottom-70 {
	padding-bottom: 140rpx;
}

.ff-padding-bottom-80 {
	padding-bottom: 160rpx;
}

.ff-padding-bottom-90 {
	padding-bottom: 180rpx;
}

.ff-padding-bottom-100 {
	padding-bottom: 200rpx;
}

.ff-padding-bottom-130 {
	padding-bottom: 260rpx;
}

.ff-padding-bottom-230 {
	padding-bottom: 460rpx;
}

.ff-padding-right-5 {
	padding-right: 10rpx;
}

.ff-padding-right-6 {
	padding-right: 12rpx;
}

.ff-padding-right-10 {
	padding-right: 20rpx;
}

.ff-padding-right-12 {
	padding-right: 24rpx;
}

.ff-padding-right-15 {
	padding-right: 30rpx;
}

.ff-padding-right-20 {
	padding-right: 40rpx;
}

.ff-padding-right-25 {
	padding-right: 50rpx;
}

.ff-padding-right-30 {
	padding-right: 60rpx;
}

/* margin */
.ff-margin-3 {
	margin: 6rpx;
}

.ff-margin-4 {
	margin: 8rpx;
}

.ff-margin-5 {
	margin: 10rpx;
}

.ff-margin-10 {
	margin: 20rpx;
}

.ff-margin-12 {
	margin: 24rpx;
}

.ff-margin-15 {
	margin: 30rpx;
}

.ff-margin-20 {
	margin: 40rpx;
}

.ff-margin-22 {
	margin: 44rpx;
}

.ff-margin-25 {
	margin: 50rpx;
}

.ff-margin-30 {
	margin: 60rpx;
}

.ff-margin-top-2 {
	margin-top: 4rpx;
}

.ff-margin-top-3 {
	margin-top: 6rpx;
}

.ff-margin-top-3_5 {
	margin-top: 7rpx;
}

.ff-margin-top-4 {
	margin-top: 8rpx;
}

.ff-margin-top-4_5 {
	margin-top: 9rpx;
}

.ff-margin-top-5 {
	margin-top: 10rpx;
}

.ff-margin-top-6 {
	margin-top: 12rpx;
}

.ff-margin-top-7 {
	margin-top: 14rpx;
}

.ff-margin-top-8 {
	margin-top: 16rpx;
}

.ff-margin-top-9 {
	margin-top: 18rpx;
}

.ff-margin-top-10 {
	margin-top: 20rpx;
}

.ff-margin-top-11 {
	margin-top: 22rpx;
}

.ff-margin-top-12 {
	margin-top: 24rpx;
}

.ff-margin-top-13 {
	margin-top: 26rpx;
}

.ff-margin-top-14 {
	margin-top: 28rpx;
}

.ff-margin-top-15 {
	margin-top: 30rpx;
}

.ff-margin-top-16 {
	margin-top: 32rpx;
}

.ff-margin-top-20 {
	margin-top: 40rpx;
}

.ff-margin-top-21 {
	margin-top: 42rpx;
}

.ff-margin-top-22 {
	margin-top: 44rpx;
}

.ff-margin-top-25 {
	margin-top: 50rpx;
}

.ff-margin-top-30 {
	margin-top: 60rpx;
}

.ff-margin-top-40 {
	margin-top: 80rpx;
}

.ff-margin-top-45 {
	margin-top: 90rpx;
}

.ff-margin-top-50 {
	margin-top: 100rpx;
}

.ff-margin-top-51 {
	margin-top: 102rpx;
}

.ff-margin-top-58 {
	margin-top: 116rpx;
}

.ff-margin-top-60 {
	margin-top: 120rpx;
}

.ff-margin-top-70 {
	margin-top: 140rpx;
}

.ff-margin-top-92 {
	margin-top: 185rpx;
}

.ff-margin-top-94 {
	margin-top: 188rpx;
}

.ff-margin-top-95 {
	margin-top: 190rpx;
}

.ff-margin-top-98 {
	margin-top: 196rpx;
}

.ff-margin-top-100 {
	margin-top: 200rpx;
}

.ff-margin-top-120 {
	margin-top: 240rpx;
}

.ff-margin-top-130 {
	margin-top: 260rpx;
}

.ff-margin-top-125 {
	margin-top: 250rpx;
}

.ff-margin-left-2 {
	margin-left: 3rpx;
}

.ff-margin-left-3 {
	margin-left: 6rpx;
}

.ff-margin-left-4 {
	margin-left: 8rpx;
}

.ff-margin-left-5 {
	margin-left: 10rpx;
}

.ff-margin-left-10 {
	margin-left: 20rpx;
}

.ff-margin-left-12 {
	margin-left: 24rpx;
}

.ff-margin-left-15 {
	margin-left: 30rpx;
}

.ff-margin-left-18 {
	margin-left: 36rpx;
}

.ff-margin-left-20 {
	margin-left: 40rpx;
}

.ff-margin-left-25 {
	margin-left: 50rpx;
}

.ff-margin-left-30 {
	margin-left: 60rpx;
}

.ff-margin-left-40 {
	margin-left: 80rpx;
}

.ff-margin-left-50 {
	margin-left: 100rpx;
}

.ff-margin-left-60 {
	margin-left: 120rpx;
}

.ff-margin-bottom-1 {
	margin-bottom: 2rpx;
}

.ff-margin-bottom-2 {
	margin-bottom: 4rpx;
}

.ff-margin-bottom-4 {
	margin-bottom: 8rpx;
}

.ff-margin-bottom-5 {
	margin-bottom: 10rpx;
}

.ff-margin-bottom-6 {
	margin-bottom: 12rpx;
}

.ff-margin-bottom-7 {
	margin-bottom: 14rpx;
}

.ff-margin-bottom-8 {
	margin-bottom: 16rpx;
}

.ff-margin-bottom-9 {
	margin-bottom: 18rpx;
}

.ff-margin-bottom-10 {
	margin-bottom: 20rpx;
}

.ff-margin-bottom-12 {
	margin-bottom: 24rpx;
}

.ff-margin-bottom-13 {
	padding-bottom: 26rpx;
}

.ff-margin-bottom-15 {
	margin-bottom: 30rpx;
}

.ff-margin-bottom-16 {
	margin-bottom: 32rpx;
}

.ff-margin-bottom-18 {
	margin-bottom: 36rpx;
}

.ff-margin-bottom-20 {
	margin-bottom: 40rpx;
}

.ff-margin-bottom-25 {
	margin-bottom: 50rpx;
}

.ff-margin-bottom-30 {
	margin-bottom: 60rpx;
}

.ff-margin-bottom-32 {
	margin-bottom: 64rpx;
}

.ff-margin-bottom-35 {
	margin-bottom: 70rpx;
}

.ff-margin-bottom-40 {
	margin-bottom: 80rpx;
}

.ff-margin-right-2 {
	margin-right: 4rpx;
}

.ff-margin-right-3 {
	margin-right: 6rpx;
}

.ff-margin-right-4 {
	margin-right: 8rpx;
}

.ff-margin-right-5 {
	margin-right: 10rpx;
}

.ff-margin-right-6 {
	margin-right: 12rpx;
}

.ff-margin-right-7 {
	margin-right: 14rpx;
}

.ff-margin-right-8 {
	margin-right: 16rpx;
}

.ff-margin-right-9 {
	margin-right: 18rpx;
}

.ff-margin-right-10 {
	margin-right: 20rpx;
}

.ff-margin-right-12 {
	margin-right: 24rpx;
}

.ff-margin-right-15 {
	margin-right: 30rpx;
}

.ff-margin-right-16 {
	margin-right: 32rpx;
}

.ff-margin-right-17 {
	margin-right: 34rpx;
}

.ff-margin-right-18 {
	margin-right: 36rpx;
}

.ff-margin-right-20 {
	margin-right: 40rpx;
}

.ff-margin-right-25 {
	margin-right: 50rpx;
}

.ff-margin-right-30 {
	margin-right: 60rpx;
}

.ff-margin-right-40 {
	margin-right: 80rpx;
}

.ff-margin-right-50 {
	margin-right: 100rpx;
}

.ff-margin-right-70 {
	margin-right: 140rpx;
}

.ff-relative {
	position: relative;
}

.ff-zIndex-999 {
	z-index: 999;
}

/* 下划线 */
.ff-solid-bottom {
	border-bottom: 2rpx solid #EEEEEE;
}

/* 颜色-color */
.ff-color-6B6B6B {
	color: #6B6B6B;
}

.ff-color-AAA {
	color: #AAAAAA;
}

.ff-color-9A9A9A {
	color: #9A9A9A;
}

.ff-color-B5BBC8 {
	color: #B5BBC8;
}

.ff-color-BCBFCC {
	color: #BCBFCC;
}

.ff-color-D3 {
	color: #d3d3d3;
}

.ff-color-blue {
	color: #3178FF;
}

.ff-color-5C5F65 {
	color: #5C5F65;
}

.ff-bg-fafafa {
	background-color: #fafafa;
}

.ff-bg-f8f8f8 {
	background-color: #f8f8f8;
}

.ff-bg-F3F8FE {
	background-color: #F3F8FE;
}

.ff-color-orange {
	color: #FC861E;
}

.ff-color-green {
	color: #00CF85;
}

.ff-color-ccc {
	color: #cccccc;
}

.ff-color-red {
	color: #FA4953;
}

.ff-color-pink {
	color: #F699B4;
}

.ff-color-confirm {
	color: #3178FF;
}

.ff-color-cancel {
	color: #606266;
}

.ff-color-000 {
	color: #000;
}

.ff-color-111 {
	color: #111;
}

.ff-color-222 {
	color: #222;
}

.ff-color-333 {
	color: #333;
}

.ff-color-666 {
	color: #666;
}

.ff-color-777 {
	color: #777;
}

.ff-color-888 {
	color: #888;
}

.ff-color-999 {
	color: #999;
}

.ff-color-gray {
	color: #CBCDD3;
}

.ff-color-fff {
	color: #FFFFFF;
}

.ff-color-3D4060 {
	color: #3D4060;
}

.ff-color-gray-one {
	color: #616369;
}

.ff-color-red-shallow {
	color: #E7624B;
}

.ff-bg-F5F8FF {
	background: #F5F8FF;
}

.ff-bg-F3F7FF {
	background: #F3F7FF;
}


.ff-bg-7883A1 {
	background: #7883A1;
}

.ff-bg-f5 {
	background: #F5F5F5;
}

.ff-bg-fff {
	background: #FFFFFF;
}

.ff-bg-777 {
	background: #F7F7F7;
}

.ff-bg-blue {
	background: #3178FF;
}

.ff-bg-blue-linear {
	background: -moz-linear-gradient(top, #3B83FE 0%, #3D75E7 100%);
	background: -webkit-linear-gradient(top, #3B83FE 0%, #3D75E7 100%);
}

.ff-bg-orange {
	background: #FC861E;
}

.ff-bg-green {
	background: #00CF85;
}

.ff-bg-red {
	background: #FA4953;
}

.ff-bg-pink {
	background: #F699B4;
}

.ff-bg-completed {
	background: #A5A5A7;
}

/* 高度 宽度 */
.ff-height-100 {
	height: 100%;
}

.ff-width-100 {
	width: 100%;
}

/* 圆角 */
.ff-border-radius-50 {
	border-radius: 50%;
}

.ff-border-radius-3 {
	border-radius: 6rpx;
}

.ff-border-radius-5 {
	border-radius: 10rpx;
}

.ff-border-radius-6 {
	border-radius: 12rpx;
}

.ff-border-radius-7 {
	border-radius: 14rpx;
}

.ff-border-radius-8 {
	border-radius: 16rpx;
}

.ff-border-radius-9 {
	border-radius: 18rpx;
}

.ff-border-radius-10 {
	border-radius: 20rpx;
}

.ff-border-radius-11 {
	border-radius: 22rpx;
}

.ff-border-radius-12 {
	border-radius: 24rpx;
}

.ff-border-radius-13 {
	border-radius: 26rpx;
}

.ff-border-radius-14 {
	border-radius: 28rpx;
}

.ff-border-radius-15 {
	border-radius: 30rpx;
}

.ff-border-radius-20 {
	border-radius: 40rpx;
}

.ff-border-bottom {
	border-bottom: 2rpx solid #EAEAEA;
}

.ff-text-left {
	text-align: left;
}

.ff-text-center {
	text-align: center;
}

.ff-text-right {
	text-align: right;
}

.ff-margin-auto {
	margin: 0 auto;
}

.ff-font-weight-400 {
	font-weight: 400;
}

.ff-font-weight-500 {
	font-weight: 500;
}

.ff-font-weight-600 {
	font-weight: 600;
}

.ff-overflow-hidden {
	overflow: hidden;
}

/* 透明度 */
.ff-opacity-1 {
	opacity: 0.1;
}

.ff-opacity-2 {
	opacity: 0.2;
}

.ff-opacity-3 {
	opacity: 0.3;
}

.ff-opacity-4 {
	opacity: 0.4;
}

.ff-opacity-5 {
	opacity: 0.5;
}

.ff-opacity-6 {
	opacity: 0.6;
}

.ff-opacity-7 {
	opacity: 0.7;
}

.ff-opacity-8 {
	opacity: 0.8;
}

.ff-opacity-9 {
	opacity: 0.9;
}

.ff-opacity-10 {
	opacity: 1;
}

.closeIcon {
	padding: 7rpx;
	background-color: rgba(0, 0, 0, 0.3);
	position: absolute;
	right: 0;
	top: 0;
}

/* 加载loading动画 */
.loaderMask {
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	width: 100%;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.5);
}

.loader {
	width: 200rpx;
	height: 200rpx;
	font-size: 20rpx;
	position: relative;
	z-index: 99;
	display: flex;
	align-items: center;
	justify-content: center;
}

.loader .circleBox {
	background: #FFFFFF;
	width: 200rpx;
	height: 200rpx;
	border: 6rpx white solid;
	border-left-color: #D73423;
	border-right-color: #0C5C9C;
	border-radius: 100%;
	animation: loadingCircle 1.5s infinite linear;
}

@keyframes loadingCircle {
	from {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(360deg)
	}
}

.loader .loadingTxt {
	width: 300rpx;
	position: absolute;
	bottom: -25%;
}

@keyframes animate {
	to {
		transform: rotate(1turn);
	}
}

.boxCircleImg {
	position: absolute;
	width: 120rpx;
	height: 120rpx;
}

.tips5 {
	background-color: #A8A7B5;
	color: #fff;
	padding: 12rpx 15rpx !important;
	border-radius: 8rpx;
	margin-top: 8.5rpx;
	margin-bottom: 8.5rpx;
	border: 0 !important;
}

/* 移动端H5适配iphoneX底部栏，css快速解决方案 */
@supports (bottom: env(safe-area-inset-bottom)) {

	body,
	html {
		padding-bottom: constant(safe-area-inset-bottom);
		padding-bottom: env(safe-area-inset-bottom);
	}
}

/* iphone x iphone xr 等适配 *
/* /* x,xs 
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {}

/*   xr 
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {}

/* xs max 
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) {} */